/**
 * 歌词易(lyricspinyin.net) - 详情页JavaScript文件
 */

$(document).ready(function() {
    // 初始化详情页功能
    initDetailPage();
    
    // 绑定详情页特有事件
    bindDetailEvents();
    
    // 更新浏览量
    updateViews();
});

/**
 * 初始化详情页功能
 */
function initDetailPage() {
    // 绑定底部语言切换按钮（详情页有两个语言切换按钮）
    bindBottomLanguageToggle();
}

/**
 * 绑定详情页特有事件
 */
function bindDetailEvents() {
    // 相关歌词卡片悬停效果
    $('.lyric-card').hover(
        function() {
            $(this).addClass('transform scale-105');
        },
        function() {
            $(this).removeClass('transform scale-105');
        }
    );
    
    // 歌词行悬停效果增强
    $('.lyrics-line').hover(
        function() {
            $(this).addClass('bg-blue-100');
        },
        function() {
            $(this).removeClass('bg-blue-100');
        }
    );
}

/**
 * 绑定底部语言切换按钮
 */
function bindBottomLanguageToggle() {
    // 为底部语言切换按钮绑定相同的功能
    $(document).on('click', '#language-toggle-bottom', function() {
        // 调用main.js中的语言切换函数
        if (typeof toggleLanguageDisplay === 'function') {
            toggleLanguageDisplay();
        }
        
        // 同步顶部按钮状态
        var $topButton = $('#language-toggle');
        var $bottomButton = $('#language-toggle-bottom');
        
        var mode = $bottomButton.data('mode');
        var text = $bottomButton.find('.toggle-text').text();
        var iconClass = $bottomButton.find('i').attr('class');
        
        $topButton.data('mode', mode);
        $topButton.find('.toggle-text').text(text);
        $topButton.find('i').attr('class', iconClass);
    });
}

/**
 * 更新浏览量（详情页专用，使用歌词ID）
 */
function updateViews() {
    // 从详情页的点赞容器获取歌词ID
    var $likeContainer = $('.like-container').first();
    var lyricId = $likeContainer.data('id');
    
    if (!lyricId) {
        console.warn('无法获取歌词ID，跳过浏览量更新');
        return;
    }
    
    // 发送浏览量更新请求
    $.ajax({
        url: window.current_lang_url + 'api/updateViews',
        type: 'POST',
        data: { 
            id: lyricId,
            type: 'lyric'
        },
        dataType: 'json',
        success: function(response) {
            if (response.code === 200) {
                console.log('浏览量更新成功:', response.data);
                
                // 更新页面显示的浏览量（如果返回了新的浏览量）
                if (response.data && response.data.views) {
                    $('.fa-eye').next().text(response.data.views);
                }
            } else {
                console.warn('浏览量更新失败:', response.message || '未知错误');
            }
        },
        error: function(xhr, status, error) {
            console.warn('浏览量更新请求失败:', error);
            // 浏览量更新失败不影响用户体验，只记录日志
        }
    });
}

/**
 * 平滑滚动到指定元素
 */
function smoothScrollTo(element, offset) {
    offset = offset || 0;
    var $target = $(element);
    if ($target.length) {
        $('html, body').animate({
            scrollTop: $target.offset().top + offset
        }, 500);
    }
}

/**
 * 复制歌词到剪贴板
 */
function copyLyricsToClipboard() {
    // 获取当前显示模式的歌词内容
    var content = '';
    if (typeof getLyricsContent === 'function') {
        content = getLyricsContent($('.lyrics-content'));
    } else {
        content = $('.lyrics-content').text();
    }
    
    if (content) {
        // 创建临时文本域
        var $temp = $('<textarea>');
        $('body').append($temp);
        $temp.val(content).select();
        document.execCommand('copy');
        $temp.remove();
        
        // 显示成功提示
        if (typeof showMessage === 'function') {
            showMessage('📋 歌词已复制到剪贴板！', 'success');
        }
    }
}

// 导出函数供其他脚本使用
window.DetailPage = {
    updateViews: updateViews,
    smoothScrollTo: smoothScrollTo,
    copyLyricsToClipboard: copyLyricsToClipboard
}; 